<html lang="zh">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>服务商管理-添加服务商</title>
    <link rel="stylesheet" type="text/css" href="../css/style.css"/>
    <link href="//cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.css" rel="stylesheet">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="../scss/bootstrap/javascripts/bootstrap.min.js"></script>
    <script src="../scss/bootstrap/javascripts/offcanvas.js"></script>
</head>
<body>
<header class="ht_header">
    <div class="ht_max_body ht_top">
        <div class="pull-left  hidden-xs">欢迎来到族谱网服务商后台！如有问题请致电 <span class="text_theme">400-627-9000</span></div>
        <div class="pull-right">
            <nav class="navbar  navbar-inverse text-right ht_nav" role="navigation">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse"
                                data-target="#example-navbar-collapse">
                            <span class="sr-only">切换导航</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>
                    <div class="collapse navbar-collapse" id="example-navbar-collapse">
                        <ul class="list-inline">
                            <li><a href="#"><i class="fa fa-home m-r-xs"></i>网站首页</a></li>
                            <li><a href="#"><i class="fa fa-database m-r-xs"></i>代理商后台</a></li>
                            <li><a href="#"><i class="fa fa-cog m-r-xs"></i>个人设置</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
        <a class="navbar-brand visible-xs" href="#"> <img src="../images/logo2.png" alt="族谱网www.zupu.cn" class="img-responsive m-r-xs pull-left">族谱网服务商后台</a>
    </div>
</header>
<div class="ht_body">
    <section class="clearfix hidden-xs">
        <div class="ht_max_body ht_logo">
            <img src="../images/logo_xs.png" alt="族谱网www.zupu.cn" class="img-responsive m-r pull-left"> 族谱网服务商后台
        </div>
    </section>
    <section class="ht_max_body">
        <div class="row row-offcanvas row-offcanvas-right">
            <div class="col-xs-6 col-sm-2 sidebar-offcanvas ht_menubar" id="sidebar" role="navigation">
                <ul class="list-group">
                    <li><a class="active"><i class="fa fa-users m-r"></i>服务商管理</a></li>
                    <li><a href="#"><i class="fa fa-th-list m-r"></i>族谱管理</a></li>
                    <li><a href="#"><i class="fa fa-credit-card m-r"></i>族卡管理</a></li>
                    <li><a href="#"><i class="fa fa-database m-r"></i>我的收入</a></li>
                    <li><a href="#"><i class="fa fa-pie-chart m-r"></i>录入统计</a></li>
                    <li><a href="#"><i class="fa fa-share-alt m-r"></i>我的授权书</a></li>
                </ul>
            </div>
            <div class="col-xs-12 col-sm-10 ht_main">
                <p class="pull-left visible-xs row-offcanvas-bar">
                    <button type="button" class="btn btn-danger btn-sm" data-toggle="offcanvas">导<br/>航</button>
                </p>
                <div class="panel p-l-md p-r-md p-t-md">
                    <form class="form-horizontal" role="form">
                        <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-10 col-xs-offset-2 col-sm-7 f16">
                                <span class="text-danger">该用户不是代理商</span> <span class="text-success">添加成功等待审核</span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="phone" class="col-sm-2 col-xs-4 control-label">手机号码：</label>
                            <div class="col-sm-10  col-xs-6">
                                <input type="email" class="form-control" id="phone" placeholder="17775825382">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="type" class="col-sm-2  col-xs-4 control-label">类&emsp;&emsp;型：</label>
                            <div class="col-sm-10  col-xs-4">
                                <select name="" id="type"  class="form-control">
                                    <option value="县级服务商/姓氏联络员">县级服务商/姓氏联络员</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label  class="col-sm-2  col-xs-4 control-label">姓&emsp;&emsp;名：</label>
                            <div class="col-sm-10  col-xs-6 m-t-xs lh25" >
                                杨薇
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-10 col-xs-offset-2 col-sm-7">
                                <button type="submit" class="btn btn-warning btn-lg">添加为我的服务商</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
</div>
</body>
</html>
